﻿<!DOCTYPE html>  
<html>  
    <head>  
    <meta charset="UTF-8">  
    <title>单选框应用</title> 
    <script src="http://hsjdtech.com/inter/scripts/jquery-1.11.1.min.js" type="text/javascript"></script> 
    <style type="text/css">   
         .hide {display:none;}
        .label {height: 30px; line-height: 30px; padding:0 0 0 15px; float: left; color: #666; font-weight: bold;font-size:14px;}
        .labelInput {height: 30px; line-height: 30px; border: 1px solid #ccc; padding: 1px; float: left; width: 186px;}
        .btnInput {height: 30px;color: White;padding: 0px; line-height: 28px; width: 100px; float: left; border: 1px solid #2380C3; background-color: #2D90CB; margin-left: 10px; cursor: pointer; text-align: center;}
    </style>  
     <script src="Scripts/md5.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

        });
        function getToken() {
            var appid = $("#appid").val();
            var appsecret = $("#appsecret").val();
            var timestamp = new Date().getTime();

            var token = hex_md5(appid + timestamp + appsecret);

            console.log(hex_md5("123456"));
            $("#timestamp").val(timestamp);
            $("#token").val(token);

        }
</script>  
    </head>  
  <body style="margin:0px; padding:0px;overflow:hidden;">

    <div class="label">appID：</div>
    <input class="labelInput" id="appid" value="hsjd"  type="text"/>
    <div class="label">appSecret：</div>
    <input class="labelInput" id="appsecret" value="123" type="text"/>
    <input class="btnInput" onclick="getToken()" value="获取token" type="button"/>

    <input class="labelInput" id="timestamp" value="" type="text"/>
    <input class="labelInput" id="token" value="" type="text"/>
</body>  
</html>  